<template>
  <div class="page ta-c" >
    <div class="line"></div>
    <div style="padding-top: 60px;">
       <div class="weui-flex">
         <div class="weui-flex__item" style="text-align:center">
             <image style="width: 120rpx; height:120rpx; border-radius:50%;font-size:32rpx" :src="loginer.avatarUrl" mode="widthFix"></image>
             <div class="nickname" style="margin-top:4rpx">{{loginer.nickName}}</div>
        </div>
       </div>
       <div class="weui-flex" style="padding:20px 0">
          <div class="weui-flex__item" style="text-align:center">
            <div style="width:68%; text-align:center; margin-left:16%; font-size:32rpx">老师您好！只需三步，就可以轻松管理班级微信作业！</div>
          </div>
       </div>
       <div class="weui-flex">
          <div class="weui-flex__item" style="text-align:center">
            <image style="width: 65%;" src="https://ark-1256750454.cos.ap-shanghai.myqcloud.com/app-statics/indexitem.png" mode="widthFix"></image>
          </div>
       </div>
    </div>
    <div class="bg-white pdh-l mgt-xl">
      <button type="button" class="ui btn primary" @tap="onEnter">现在就去</button>
    </div>
  </div>
</template>

<script>
import { mapGetters, mapActions } from 'vuex'
// import base from '@/mixins/base'

export default {
  data () {
    return {
      pageRole: ''
    }
  },
  components: {
  },
  computed: {
    ...mapGetters([
      'loginer'
    ])
  },
  methods: {
    onEnter () {
      wx.redirectTo({
        url: '/pages/teacher-class/main'
      })
    }
  }
}
</script>

<style scoped>
.page {
  background-color: white;
  height: 100%;
}
.ui.btn.m{
  height: 92rpx;
  line-height: 0.6;
}
</style>
